/*************************padding和margin***********************/
$automarginpadding:(
    '0-auto':0 auto,
    'auto-0':auto 0,
    '12-0':12px 0
);
@each $key,$value in $automarginpadding {
    .m-#{$key}{
        margin: $value;
    }
    .p-#{$key}{
        padding: $value;
    }
}
$paddingmargin: (
    'auto':auto,
    0: 0px,
    //0.5: 0.125rem,
    '0-25': 0.25rem,
    //1.5: 0.375rem,
    '0-5': 0.5rem,
    //2.5: 0.625rem,
    '0-75': 0.75rem,
    //3.5: 0.875rem,
    1: 1rem,
    '1-25': 1.25rem,
    '1-56': 1.5rem,
    '1-75': 1.75rem,
    2: 2rem,
    '2-25': 2.25rem,
    '2-5': 2.5rem,
    '2-75': 2.75rem,
    3: 3rem,
    '3-5': 3.5rem,
    4: 4rem,
    5: 5rem,
    6: 6rem,
    7: 7rem,
    8: 8rem,
    9: 9rem,
    10: 10rem,
    11: 11rem,
    12: 12rem,
    13: 13rem,
    14: 14rem,
    15: 15rem,
    16: 16rem,
    17: 17rem,
    18: 18rem,
    19: 19rem,
    20: 20rem,
    24: 24rem,
    'px': 1px,
    '80': 80px,
);
@each $key, $value in $paddingmargin {
    .p-#{$key} {
        padding: $value;
    }
    .m-#{$key} {
        margin: $value;
    }
}

/*************************py**********************/

$padding_margin_y_x:(
    'auto':auto,
    0: 0px,
    //0.5: 0.125rem,
    '0-25': 0.25rem,
    //1.5: 0.375rem,
    '0-5': 0.5rem,
    //2.5: 0.625rem,
    '0-75': 0.75rem,
    //3.5: 0.875rem,
    1: 1rem,
    '1-25': 1.25rem,
    '1-56': 1.5rem,
    '1-75': 1.75rem,
    2: 2rem,
    '2-25': 2.25rem,
    '2-5': 2.5rem,
    '2-75': 2.75rem,
    3: 3rem,
    '3-5': 3.5rem,
    4: 4rem,
    5: 5rem,
    6: 6rem,
    7: 7rem,
    8: 8rem,
    9: 9rem,
    10: 10rem,
    11: 11rem,
    12: 12rem,
    13: 13rem,
    14: 14rem,
    15: 15rem,
    16: 16rem,
    17: 17rem,
    18: 18rem,
    19: 19rem,
    20: 20rem,
    24: 24rem,
    'px': 1px,
    '80': 80px,
    '2px': 2px,
    '8px': 8px,
    '15px':15px,
    '18px':18px,
);

@each $key, $value in $padding_margin_y_x{
    .py-#{$key} {
        padding-top: $value;
        padding-bottom: $value;
    }
    .px-#{$key} {
        padding-left: $value;
        padding-right: $value;
    }
    .my-#{$key} {
        margin-top: $value;
        margin-bottom: $value;
    }
    .mx-#{$key} {
        margin-left: $value;
        margin-right: $value;
    }
}



/*************************tlrb**********************/

$padding_tlrb:(
    'auto':auto,
    0: 0px,
    //0.5: 0.125rem,
    '0-25': 0.25rem,
    //1.5: 0.375rem,
    '0-5': 0.5rem,
    //2.5: 0.625rem,
    '0-75': 0.75rem,
    //3.5: 0.875rem,
    1: 1rem,
    '1-25': 1.25rem,
    '1-56': 1.5rem,
    '1-75': 1.75rem,
    2: 2rem,
    '2-25': 2.25rem,
    '2-5': 2.5rem,
    '2-75': 2.75rem,
    3: 3rem,
    '3-5': 3.5rem,
    4: 4rem,
    5: 5rem,
    6: 6rem,
    7: 7rem,
    8: 8rem,
    9: 9rem,
    10: 10rem,
    11: 11rem,
    12: 12rem,
    13: 13rem,
    14: 14rem,
    15: 15rem,
    16: 16rem,
    17: 17rem,
    18: 18rem,
    19: 19rem,
    20: 20rem,
    24: 24rem,
    'px': 1px,
    '16px': 16px,
    '80': 80px,
);

@each $key, $value in $padding_tlrb{
    .pl-#{$key} {
        padding-left: $value;
    }
    .pr-#{$key} {
        padding-right: $value;
    }
    .pt-#{$key} {
        padding-top: $value;
    }
    .pb-#{$key} {
        padding-bottom: $value;
    }
    .ml-#{$key} {
        margin-left: $value;
    }
    .mr-#{$key} {
        margin-right: $value;
    }
    .mt-#{$key} {
        margin-top: $value;
    }
    .mb-#{$key} {
        margin-bottom: $value;
    }
}
